<template>
    <div>
       <input type="button" value="减少" @click="remove">
        <input type="button" value="增加" @click="add">
        <br>
         <input type="text" v-model="$store.state.count">
    </div>
</template>
<script>
export default {
    data(){
        return{
            //count:0//注释是不让它从自己身上取，而是去vuex共享容器取
        };
    },
    methods:{
        add(){
           // this.$store.state.count++;//与this.$http.get()获取的方式差不多。但是不推荐，绝对不能用。因为
           // 不符合vuex的设计理念.用“仓库管理人的方式”
          //调用仓库管理人方法：
          this.$store.commit("increment")
        },
        remove(){
            this.$store.commit("subtract",{c:3,d:1})
        }
    }
};
</script>
<style lang="scss" scoped>

</style>

